<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/sy.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_945588_vafe7kz4qm.css"/>
</head>
<body id="body">
<!--海报-->
<div class="banner">
    <div class="b1">
        <img src="../img/zt.png">
    </div>
    <div class="b2">
        <button type="button">立即注册＞</button>
    </div>
</div>
<!--1层-->
<div class="d2">
    <div class="dd1" flex="main:center cross:center" >
        <div class="dd11" flex="dir:top cross:center main:center">
            <div class="dd12 " flex="main:center cross:center">
                <i class="iconfont icon-huangguan"></i>
            </div>
            <p>会员专区</p>
        </div>

        <div class="dd11" flex="dir:top cross:center main:center">
            <div class="dd12 l2" flex="main:center cross:center">
                <i class="iconfont icon-Shape"></i>
            </div>
            <p>精选理财</p>
        </div>

        <div class="dd11" flex="dir:top cross:center main:center">
            <div class="dd12 l3" flex="main:center cross:center">
                <i class="iconfont icon-licai"></i>
            </div>
            <p>理财助手</p>
        </div>

        <div class="dd11" flex="dir:top cross:center main:center">
            <div class="dd12 l4" flex="main:center cross:center">
                <i class="iconfont icon-liwu"></i>
            </div>
            <p>推荐有礼</p>
        </div>
    </div>
</div>
<!--2-->
<div >
    <div class="xrzx">
        <div class="title"flex="cross:center">
        <span></span>
        新人有礼
        </div>
    </div>
    <div>
        <ul class="list" >
            <li>
                <div class="dd31"flex>
                    <div class="dd311" flex="cross:bottom main:center">
                        <span class="l7">7</span>
                        <span class="l8">.5%</span>
                    </div>
                    <div class="dd312" flex="main:center cross:center dir:top">
                        <p class="l9">包图省心宝</p>
                        <p class="l10">锁定期90天</p>
                    </div>
                </div>
                <div class="pp1"flex="main:center">
                    <div class="pp11">
                        <div class="pp12">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="dd31"flex>
                    <div class="dd311" flex="cross:bottom main:center">
                        <span class="l7">8</span>
                        <span class="l8">.5%</span>
                    </div>
                    <div class="dd312" flex="main:center cross:center dir:top">
                        <p class="l9">包图省心宝</p>
                        <p class="l10">锁定期90天</p>
                    </div>
                </div>
                <div class="pp1"flex="main:center">
                    <div class="pp11">
                        <div class="pp12">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="dd31"flex>
                    <div class="dd311" flex="cross:bottom main:center">
                        <span class="l7">9</span>
                        <span class="l8">.5%</span>
                    </div>
                    <div class="dd312" flex="main:center cross:center dir:top">
                        <p class="l9">包图省心宝</p>
                        <p class="l10">锁定期90天</p>
                    </div>
                </div>
                <div class="pp1"flex="main:center">
                    <div class="pp11">
                        <div class="pp12">
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--3-->
<div class="dd333">
    <div class="dd3331">
        <div class="xrzx">
            <div class="title"flex="cross:center">
                <span></span>
                精选理财
            </div>
        </div>
    </div>
    <div class="xxrr">
        <div  class="dd32"flex=" cross:center">
            <div class="dd321" flex="main:center cross:center">基金</div>
            <h2 class="dd322 mm">一日存入</h2>
            <h2 class="dd322 nn">月月取息</h2>
        </div>
        <ul class="dd33" flex>
            <li class="dd331">
                <div class="dd311" flex="cross:bottom main:center">
                    <span class="l7">6</span>
                    <span class="l8">.18%</span>
                </div>
                <p class="dd332">
                    七日年化收益率
                </p>
            </li>
            <li class="dd34" flex="main:center dir:top">
                <span>1000元起投  明星基金经理</span>
                <div class="pp2 "flex="main:center">
                    <div class="pp21">
                        <div class="pp22">
                        </div>
                    </div>
                </div>
            </li>
            <li class="dd35">
                <div class="dd351"flex>
                    <button type="button">立即投资＞</button>
                </div>
                <p>已投资700000万元</p>
            </li>
        </ul>
    </div>
</div>
<!--4浮动定位-->
<div class="foot "flex>
    <div class="dd44"  flex="cross:center main:center dir:top">
         <i  class="iconfont icon-home" >
         </i>
        <p>
            首页
        </p>
    </div>
    <div class="dd44"flex="cross:center main:center dir:top" >
        <i  class="iconfont icon-qianbao" >
        </i>
        <p>
            理财
        </p>
    </div>
    <div class="dd44"flex="cross:center main:center dir:top" >
        <i  class="iconfont icon-licai" >
        </i>
        <p>
           投资
        </p>
    </div>
    <div class="dd44"flex="cross:center main:center dir:top">
        <i  class="iconfont icon-wode" >
        </i>
        <p>
            我的
        </p>
    </div>
</div>
</body>
</html>